<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"	
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/pages/plantilla.xhtml">
	
	<ui:define name="title"> Mantenimiento Carreras</ui:define>
	<ui:define name="contenido" >
	<f:view>
		<h:form id="frmManteCarrera" prependId="false" style="font-size:12px">
		<p:growl id="growl" showDetail="true" life="4000" />
			<p:outputPanel id="idOutPCarr">
			<p:tabView id="tabView" style="width:100%" activeIndex="#{manteCarreraController.indiceTab}">  
			    <p:tab id="tab1" title="Listado de Carreras Profesionales">  
				    <p:dataTable id="dtCarreras" var="carrera" value="#{manteCarreraController.listCarreras}"  
				                 paginator="true" rows="10" selectionMode="single" selection="#{manteCarreraController.carreraElegida}"
				                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
				                 rowSelectListener="#{manteCarreraController.editarCarreraElegida}" dblClickSelect="true" update="tabView"
				                 >  
				        <p:column>  
				            <f:facet name="header">  
				                <h:outputText value="Carrera" />  
				            </f:facet>  
				            <h:outputText value="#{carrera.nomCarreraProf}" />  
				        </p:column>  
				  
				        <p:column>  
				            <f:facet name="header">  
				                <h:outputText value="Sumilla" />  
				            </f:facet>  
				            <h:outputText value="#{carrera.desSumilla}" />  
				        </p:column>  
				    </p:dataTable>
			    </p:tab>  
			  
			    <p:tab id="tab2" title="Registrar/Editar">  
					<table style="width:100%;">
						<tr><td align="center">
						<p:fieldset id="fsCar" legend="Carrera Profesional" styleClass="ui-state-hover" style="width:100%;">
							<table>
							<tr>
								<td>
								<h:outputText value="Nombre:"/>
								</td>
								<td><p:inputText id="nom" value="#{manteCarreraController.carreraEditar.nomCarreraProf}" style="width:200px"/>
								</td>
								<td>
								<h:outputText value="Sumilla:"/>
								</td>
								<td><p:inputTextarea id="sumi" value="#{manteCarreraController.carreraEditar.desSumilla}" style="width:200px"/>
								</td>
								</tr>
							
							<tr><td colspan="4" align="center">
								<p:fieldset styleClass="ui-state-hover" style="width:500px;">
								<p:commandButton value="Agregar Plan de Estudio" actionListener="#{manteCarreraController.nuevoPlan}" 
								oncomplete="wvPlanEst.show()" update="idOutPlan" />
								<p:dataTable id="dtPlanes" value="#{manteCarreraController.carreraEditar.planesEstudios}" 
								var="plan" selection="#{manteCarreraController.planesEstudioElegido}" dblClickSelect="true" 
								rowSelectListener="#{manteCarreraController.editarPlanEstudioElegido}" update="idOutPlan" 
								onRowSelectComplete="wvPlanEst.show()" selectionMode="single">
									<p:column>
										<f:facet name="header">  
							                <h:outputText value="Plan de Estudio" />  
							            </f:facet>
							            <h:outputText value="#{plan.desPlanEstudio}"/>
									</p:column>
									<p:column>
										<f:facet name="header">  
							                <h:outputText value="Resolucion Rectoral" />  
							            </f:facet>
							            <h:outputText value="#{plan.desResRectoral}"/>
									</p:column>
								</p:dataTable>
								</p:fieldset>							
							</td></tr>
							<tr><td colspan="4" align="center">
								<p:commandButton value="Limpiar" actionListener="#{manteCarreraController.limpiarCarreraProf}" update="fsCar"/>
								<p:commandButton value="Guardar" actionListener="#{manteCarreraController.guardarCarreraProf}" update="tabView"/>
								</td>
							</tr>
							</table>
						</p:fieldset>
						</td></tr>
						<tr><td>
						</td></tr>
					</table>
			    </p:tab>  
			</p:tabView>
			</p:outputPanel>
 
			<p:dialog header="Ingresar Plan de Estudio" id="idlPlanEst" 
			widgetVar="wvPlanEst" modal="true" width="700">
			<p:outputPanel id="idOutPlan">
					<table style="width:100%;">
						<tr><td align="center">
						<p:fieldset id="fsPlan" legend="Plan de Estudio" styleClass="ui-state-hover" style="width:600px;">
							<table>
						<tr><td><h:outputText value="Plan de estudio:"/></td>
							<td><p:inputText value="#{manteCarreraController.planEstudioEditar.desPlanEstudio}" /></td></tr>
						<tr><td><h:outputText value="Fecha de Creacion:"/></td>
						<td><p:calendar value="#{manteCarreraController.planEstudioEditar.fechaInicio}"/></td></tr>
						<tr><td><h:outputText value="Resolucion Rectoral:"/></td>
						<td><p:inputText value="#{manteCarreraController.planEstudioEditar.desResRectoral}"/></td></tr>
							
							<tr><td colspan="2" align="center">
								<p:fieldset styleClass="ui-state-hover" style="width:500px;">
								<p:commandButton value="Agregar Periodo Academico" actionListener="#{manteCarreraController.nuevoPerAcad}"
								onclick="wvPerAcad.show()" update="idoutPeriodo"/>
								<p:dataTable paginator="true" rows="5" selection="#{manteCarreraController.periodoAcadxPlanElegido}" 
								selectionMode="single"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
								value="#{manteCarreraController.planEstudioEditar.periodosAcademicos}" var="periodo" dblClickSelect="true"
								rowSelectListener="#{manteCarreraController.editarPeriodoAcadxPlanElegido}" update="idoutPeriodo"
								onRowSelectComplete="wvPerAcad.show();">
									<p:column>
										<f:facet name="header">  
							                <h:outputText value="Periodo Academico" />  
							            </f:facet>
							            <h:outputText value="#{periodo.idPeriodo}"/>
									</p:column>
									<p:column>
										<f:facet name="header">  
							                <h:outputText value="Periodo" />  
							            </f:facet>
							            <h:outputText value="#{periodo.nomPeriodo}"/>
									</p:column>
								</p:dataTable>
								</p:fieldset>							
							</td></tr>
							<tr><td colspan="2" align="center"><p:commandButton value="Guardar" update="fsCar ; growl"
							actionListener="#{manteCarreraController.guardarPlanEstudio}" oncomplete="wvPlanEst.hide();"/> </td></tr>
							</table>
						</p:fieldset>
						</td></tr>
						<tr><td>
						</td></tr>
					</table>
			</p:outputPanel>
			</p:dialog>
			<p:dialog header="Ingresar Periodo Academico" modal="true" id="dlPerAcad" widgetVar="wvPerAcad" width="700">
				<p:outputPanel id="idoutPeriodo">
					<table style="width:100%;">
						<tr><td align="center">
						<p:fieldset id="fsPerAcad" legend="Periodo Academico" styleClass="ui-state-hover" style="width:600px;">
							<table>
						<tr><td><h:outputText value="Periodo Academico:"/></td>
							<td><h:selectOneMenu value="#{manteCarreraController.periodoAcadxPlanEditar.idPeriodo}">
							<f:selectItem itemValue="0" itemLabel="Escoja una opcion"/>
							<f:selectItem itemValue="2" itemLabel="Semestre"/>
							<f:selectItem itemValue="1" itemLabel="Anual"/>
							</h:selectOneMenu></td></tr>
							<tr><td><h:outputText value="Nombre:"/></td>
							<td><p:inputText value="#{manteCarreraController.periodoAcadxPlanEditar.nomPeriodo}"/></td>
							</tr>
							<tr><td colspan="2" align="center">
								<p:fieldset styleClass="ui-state-hover" style="width:500px;">
								<p:commandButton value="Agregar Curso" oncomplete="wvCurso.show()" update="idoutCurso" 
								actionListener="#{manteCarreraController.nuevoCursoxPeriodo}"/>
								<p:dataTable paginator="true" rows="5" value="#{manteCarreraController.periodoAcadxPlanEditar.cursos}" 
								selectionMode="single" selection="#{manteCarreraController.cursoElegido}"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
								var="curso" dblClickSelect="true" onRowSelectComplete="wvCurso.show();"
								rowSelectListener="#{manteCarreraController.editarCursoxPeriodoElegido}" update="idoutCurso">
									<p:column>
										<f:facet name="header">  
							                <h:outputText value="Curso" />  
							            </f:facet>
							            <h:outputText value="#{curso.nomCurso}"/>
									</p:column>
									<p:column>
										<f:facet name="header">  
							                <h:outputText value="Creditos" />  
							            </f:facet>
							            <h:outputText value="#{curso.numCreditos}"/>
									</p:column>
								</p:dataTable>
								</p:fieldset>							
							</td></tr>
							<tr><td colspan="2" align="center"><p:commandButton value="Guardar" update="fsPlan ; growl"
							actionListener="#{manteCarreraController.guardarPeriodoAcad}" oncomplete="wvPerAcad.hide();"/> </td></tr>
							</table>
						</p:fieldset>
						</td></tr>
						<tr><td>
						</td></tr>
					</table>
				</p:outputPanel>
			</p:dialog>
			<p:dialog header="Ingresar Curso" modal="true" id="dlCurso" widgetVar="wvCurso" width="700">
				<p:outputPanel id="idoutCurso">
					<p:tabView style="width:100%">
						<p:tab title="Datos Principales">
							<table style="width:100%;">
								<tr><td align="center">
								<p:fieldset id="fsCurso" legend="Curso" styleClass="ui-state-hover" style="width:600px;">
									<table>
									<tr><td><h:outputText value="Curso:"/></td>
									<td><p:inputText value="#{manteCarreraController.cursoEditar.nomCurso}"/></td></tr>
									<tr><td><h:outputText value="Creditos:"/></td>
									<td><p:spinner id="spCred" value="#{manteCarreraController.cursoEditar.numCreditos}" style="height:15px"/></td></tr>
									<tr><td><h:outputText value="Objetivos:"/></td>
									<td><p:inputTextarea value="#{manteCarreraController.cursoEditar.objetivos}"
										style="width:400px; height:100px"/></td></tr>
									<tr><td><h:outputText value="Sumilla:"/></td>
									<td><p:inputTextarea value="#{manteCarreraController.cursoEditar.sumilla}"
									style="width:400px; height:100px"/></td></tr>
									<tr><td><h:outputText value="Estado:"/></td>
									<td><h:selectOneMenu value="#{manteCarreraController.cursoEditar.estado}">
									<f:selectItem itemValue="0" itemLabel="Escoja una opcion"/>
									<f:selectItem itemValue="1" itemLabel="En elaboracion"/>
									<f:selectItem itemValue="2" itemLabel="Publicado"/>
									</h:selectOneMenu></td></tr>
									<tr><td colspan="2" align="center"><p:commandButton value="Guardar" update="fsPerAcad ; growl"
										actionListener="#{manteCarreraController.guardarCursoxPeriodo}" oncomplete="wvCurso.hide();"/> </td></tr>
									</table>
								</p:fieldset>
								</td></tr>
							</table>
						</p:tab>
						<p:tab id="tabSyll" title="Syllabus">
								<p:fieldset styleClass="ui-state-hover" style="width:500px;">
								<p:commandButton value="Agregar Avance del syllabus por Semana" oncomplete="wvAvSyll.show()"
								actionListener="#{manteCarreraController.nuevoAvancexSemana}" update="idOutSyll" style="align:center"/>
								<p:dataTable paginator="true" rows="5" value="#{manteCarreraController.cursoEditar.syllabus}" 
								selectionMode="single" selection="#{manteCarreraController.syllabusElegido}"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
								var="syllabus" dblClickSelect="true" onRowSelectComplete="wvAvSyll.show();"
								rowSelectListener="#{manteCarreraController.editarAvancexSemana}" update="idOutSyll">
									<p:column headerText="Semana">
							            <h:outputText value="#{syllabus.numSemana}"/>
									</p:column>
									<p:column headerText="Tema">
							            <h:outputText value="#{syllabus.descTema}"/>
									</p:column>
								</p:dataTable>
								</p:fieldset>
						</p:tab>
					</p:tabView>
				</p:outputPanel>
			</p:dialog>
			<p:dialog header="Ingresar Avance del Syllabus" modal="true" id="dlAvSyll" widgetVar="wvAvSyll" width="700">
				<p:outputPanel id="idOutSyll">
					<p:tabView>
					<p:tab title="Registrar/Editar">
						<table style="width:100%;">
							<tr><td align="center">
							<p:fieldset legend="Avance del Syllabus" styleClass="ui-state-hover" style="width:600px;">
								<table>
								<tr><td><h:outputText value="Descripcion del tema:"/></td>
								<td><p:inputTextarea value="#{manteCarreraController.syllabusEditar.descTema}" style="width:400px; height:100px"/></td></tr>
								<tr><td><h:outputText value="Nro. de semana::"/></td>
								<td><p:spinner value="#{manteCarreraController.syllabusEditar.numSemana}"/></td></tr>
								<tr><td><h:outputText value="Fecha de ejecucion:"/></td>
								<td><p:calendar value="#{manteCarreraController.syllabusEditar.fechaEjecucion}"/></td></tr>
								<tr><td colspan="2" align="center"><p:commandButton value="Guardar" update="fsCurso, tabSyll, growl"
									actionListener="#{manteCarreraController.guardarAvancexSemana}" oncomplete="wvAvSyll.hide();"/> </td></tr>
								</table>
							</p:fieldset>
							</td></tr>
							<tr><td>
						</td></tr>
					</table>
					</p:tab>
					</p:tabView>
				</p:outputPanel>
			</p:dialog>
 		</h:form>
 		</f:view>
	</ui:define>
</ui:composition>